<template>
	<div class="home-view">
		<TypeNav/>
		<List/>
		<Recommend/>
		<Rank/>
		<Like />
		<Floor v-for='item in floorMockData' :key='item.id' :floorMockData='item'/>
		<!-- 测试 <Floor :floorMockData='floorMockData'/> -->
		<Brand/>
	</div>
</template>

<script>
import List from './components/List'
import Recommend from './components/Recommend'
import Rank from './components/Rank'
import Like from './components/Like'
import Floor from './components/Floor'
import Brand from './components/Brand'

import {getFloor} from '@/api/api'

export default{
	components:{ List, Recommend, Rank, Like, Floor, Brand },
	data(){
		return{
			floorMockData:[],
		}
	},
	async mounted(){
		const res = await getFloor();
		console.log("floorMockData",res.data);
		this.floorMockData = res.data.data;		
	},
}
</script>